<script setup lang="ts">
//导入pinia
import { useCounterStore } from '@/stores/counter'
//调用pinia
const store = useCounterStore()

import { useJokerStore } from '@/stores/joker'
const jokerstore = useJokerStore()
</script>
<template>
  <h2>我的页面</h2>
  <h3>pinia的count是{{ store.count }}</h3>
  <h3>pinia的双倍数据是{{ store.doubleCount }}</h3>
  <button @click="store.increment()">点击累加</button>
  <h3>笑话{{ jokerstore.joke }}</h3>
  <button @click="jokerstore.refreshJoker()">点击刷新笑话</button>
</template>
<style scoped></style>
